<template>
    <div class="qilin-QilinCard">
        <el-card>
            <template v-slot:header>
                <span>{{ownCardConfig.title}}</span>
            </template>
            <slot></slot>
        </el-card>
    </div>
</template>

<script setup>

/*
    数据变量定义区域
*/
// 接收父组件传来的值--父组件定义的配置项建议放在脚本逻辑最下方
const propsValue=defineProps({
    cardConfig:{
        type:Object,
        default(){
            return {
                title:"标题", //卡片标题
            }
        }
    }
});
// 暴露父组件自定义方法
const emits=defineEmits(["update:cardConfig"]);


/*
    计算属性等代码区域
*/
// 组件自身的配置项
const ownCardConfig=computed({
    get(){
        return propsValue.cardConfig;
    },
    set(val){
        emits("update:cardConfig",val);
    }
});


/*
    逻辑脚本代码区域
*/


/*
    生命周期代码区域
*/

</script>

<style lang="scss" scoped>

</style>
